﻿<!-- Modal -->
<div class="modal fade" id="removeConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="removeConfirmationModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="removeConfirmationModalLabel">Confirm remove</h4>
            </div>
            <div class="modal-body">
                <p>
                    Click OK to proceed with this action.<br />
                    Click Canel to abort this action.
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="removeConfirmationModal_OK">OK</button>
                <button type="button" class="btn btn-primary" id="removeConfirmationModal_Cancel" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="confirmationModal" tabindex="-1" role="dialog" aria-labelledby="confirmationModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="confirmationModalLabel">Confirm Action</h4>
            </div>
            <div class="modal-body">
                <p>
                    Click OK to proceed with this action.<br />
                    Click Canel to abort this action.
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="confirmationModal_OK">OK</button>
                <button type="button" class="btn btn-primary" id="confirmationModal_Cancel" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="validationModal" tabindex="-1" role="dialog" aria-labelledby="validationModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="validationModalLabel">Submit Confirmation</h4>
            </div>
            <div class="modal-body" id="validationModalBody">
                <p>
                    Click OK to proceed with this action.<br />
                    Click Canel to abort this action.
                </p>
            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-primary" id="validationModal_OK" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="otRateModal" tabindex="-1" role="dialog" aria-labelledby="otRateModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="otRateModalLabel">Allowance Information</h4>
            </div>
            <div class="modal-body" id="otRateModalBody">
                <p>
                    Please fill in 1.5x if you are not working on a public holiday.<br />
                    Please fill in 2.0x if you are working on a public holiday.
                </p>
            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-primary" id="otRateModal_OK" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="mealAllwModal" tabindex="-1" role="dialog" aria-labelledby="mealAllwModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="mealAllwModalLabel">Meal Allowance Information</h4>
            </div>
            <div class="modal-body" id="mealAllwModalBody">
                <p>
                    You are only allowed to claim meal allowances if you have 3 or more hours of overtime.<br />
                </p>
            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-primary" id="mealAllwModal_OK" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>
